/**
 * Created by jacques on 16/5/20.
 */
$(document).ready(function () {


    //导航按钮展开收起动画
    $('.navbar-toggle').click(function () {
        if($('.icon-bar').eq(0).hasClass('rotate1')){
            $('.icon-bar').eq(0).removeClass('rotate1').next().show().next().removeClass('rotate');
        }else{
            $('.icon-bar').eq(0).addClass('rotate1').next().hide().next().addClass('rotate');
        }
    });

    //手机端第二页图片更换
    $('#page2 .page-img img').attr('src','images/bg2-1.png');

    //手机端显示调整
    var wh=$(window).height();

    function swipe(obj){
        var index= $(obj).index('#content section');
        if(index==0){
            $('#page1').css('height',(wh-60)+'px').on('swipeup', function (e) {
                $("html, body").animate({
                    scrollTop: $('#page2').offset().top + "px"
                },600);
            });
        }
        if(index==1){
            $(obj).css('height',wh+'px').on('swipeup', function (e) {
                $("html, body").animate({
                    scrollTop: $('#content section').eq(index+1).offset().top + "px"
                },600);
            }).on('swipedown', function (e) {
                $("html, body").animate({
                    scrollTop: 0
                },600);
            });
        }
        if(index==2||index==3){
            $(obj).css('height',wh+'px').on('swipeup', function (e) {
                $("html, body").animate({
                    scrollTop: $('#content section').eq(index+1).offset().top + "px"
                },600);
            }).on('swipedown', function (e) {
                $("html, body").animate({
                    scrollTop: $('#content section').eq(index-1).offset().top + "px"
                },600);
            });
        }
        if(index==4){
            var hst;
            var fh=$('#footer').offset().top -wh;
            $(obj).on('swipeup', function (e) {
                hst=$(document).scrollTop();
                if(hst>fh-32){
                    $("html, body").animate({
                        scrollTop: $('#footer').offset().top + "px"
                    },600, function () {
                        //滑到底部隐藏page5的下滑尖头
                        $('#page5').find('.arr1,.arr2').hide();
                    });
                }else{
                    $("html, body").animate({
                        scrollTop: $('#footer').offset().top - wh+ "px"
                    },600);
                }
                console.log(hst +' '+ fh);
            }).on('swipedown', function (e) {
                hst=$(document).scrollTop();
                if(hst>fh-32){
                    $("html, body").animate({
                        scrollTop: $('#content section').eq(index).offset().top + "px"
                    },600);
                }else{
                    $("html, body").animate({
                        scrollTop: $('#content section').eq(index-1).offset().top + "px"
                    },600);
                }
                console.log(hst +' '+ fh);
            });
        }
    }
    swipe('#page1');
    swipe('#page2');
    swipe('#page3');
    swipe('#page4');
    swipe('#page5');

    $(window).resize(function() {
        wh=$(window).height();
        $('#content').find('section').not('#page5').css('height',wh+'px');
        $('#page1').css('height',wh-60+'px');

    });

    //footer滑动事件
    $('#footer').on('swipeup', function (e) {
        $("html, body").animate({
            scrollTop: $('#footer').offset().top + "px"
        },600);
    }).on('swipedown', function (e) {
        $("html, body").animate({
            scrollTop: $('#footer').offset().top - wh + "px"
        },600,function(){
            //滑到page5显示下滑尖头
            $('#page5').find('.arr1,.arr2').show();
        });

    });

    //nav滑动事件
    $('.navbar').on('swipeup', function (e) {
        e.stopPropagation();
        $("html, body").animate({
            scrollTop: 0
        },600);
    }).on('swipedown', function (e) {
        e.stopPropagation();
        $("html, body").animate({
            scrollTop: 0
        },600);
    });


    //手机端点击下滑
    $('.slideDown').click(function () {
        var index=$(this).data('to');
        $("html, body").animate({
            scrollTop: $(index).offset().top+ "px"
        },600);
    });
});
